<template>
  <div>
        <p>我这个月还有{{num}}元</p> -->
         <button @click="salary(3000)">发工资啦，我的工资是3000</button> <br><br>
        <button @click="salary(-2800)">给喜欢的女主播刷了火箭-2800</button><br><br>
        <button @click="salary(10000)">送外卖赚了10000</button><br><br>
        <button @click="salary(-18000)">给暗恋的女生买了爱马仕-18000</button><br><br>
        <button @click="salary(8000)">晚上去做代驾赚了8000</button><br><br>
        <button @click="salary(-100)">买泡面100</button><br><br>
        <button @click="salary(-50)">买挂逼水50</button>
        <p>我这个月还有{{num}}元</p>
  </div>
</template>

<script>
export default {
    data(){
      return{
        num:100,
      }
    },
    methods:{
      salary(a){
        this.num+=a
      },
    } ,
    watch:{
     " num"(newVal,oldVal){
           alert('原有'+oldVal +', 余额'+newVal )
      }
    }
}
</script>

<style>

</style>
